<template>
	<!-- grid -->
	<view class="cu-list grid col-2">
		<view class="cu-item padding-tb">
	<navigator url="/pages/home/reg" open-type="navigate">
			<view class="bg-white padding">
				<view class="grid col-2 grid-square">
					<view class="bg-img">
						<image src="/static/home/activity_init.png" class="grid-img"></image>
					</view>
					<view class="content content-left">
						<view class="text-grey item-ml">
							<view class="grid-title">我要发起</view>
							共同建设
						</view>
					</view>
				</view>
			</view>
		</navigator>
		</view>
		
		<view class="cu-item padding-tb">
		<navigator url="/pages/user/user" open-type="switchTab">
			<view class="bg-white padding">
				<view class="grid col-2 grid-square">
					<view class="bg-img">
						<image src="/static/home/activity_part.png" class="grid-img"></image>
					</view>
					
					<view class="content content-left">
						<view class="text-grey item-lg">
							<view class="grid-title">我要参与</view>
							探索奥秘
						</view>
					</view>
				</view>
			</view>
		</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'h-grid',
		data() {
			return {
				// grid
				cuIconList: [{
					cuIcon: 'cardboardfill',
					color: 'red',

					badge: 120,
					name: 'VR'
				}, {
					cuIcon: 'recordfill',
					color: 'orange',
					badge: 1,
					name: '录像'
				}, {
					cuIcon: 'picfill',
					color: 'yellow',
					badge: 0,
					name: '图像'
				}],

			}
		},
		methods: {

		}
	}
</script>

<style>
.grid-title {
	color: #000000;
	font-size: 36rpx;
	font-family: 'PingFang-SC-Bold';
	font-weight: 900;
}
.grid-img {
	/* position: relative; */
	width: 120rpx !important;
	left: 0;
}
.padding-tb {
	padding: 0 !important;
}
</style>
